<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
            解构赋值-- 赋值简写（获取数组或者对象的值）

            解构的对象：定义的变量名和 对象里面的属性名一样

            解构赋值两边的 结构 要保持一致


             { name: username, age, sex } -》username变量 会结构 对象里面的name属性的值

            

        */
        let obj = {
            age: 18, sex: '男', name: '张三',
        };
        // 对象的属性保存到一个变量中
        // let name = obj.name;
        // let age = obj.age;
        let name = 'zhangsan';

        // name 变量 获取 obj里面的name属性
        // age 变量 获取 obj里面的age属性
        // 不一致 解构出来是undefined

        // name:username -->name属性名--和 obj里面的name属性 对应
        // 变量username获取了 obj里面name的属性值
        let { name: username, age, sex, a } = obj;

        console.log(name);
        console.log(age);
        console.log(sex);
        console.log(a);//undefined
        console.log(username);


    </script>

</body>

</html>